/**
 * @copyright   2010-2017, The Titon Project
 * @license     http://opensource.org/licenses/BSD-3-Clause
 * @link        http://titon.io
 */

/**
 * Active state for showing transitions.
 */
%placeholder-show {
    opacity: 1 !important;
    visibility: visible !important;
}

/**
 * Clear all floats within the container.
 */
%placeholder-clear-fix {
    @include clear-fix;
}

/**
 * Reset an inline-block element to defaults.
 */
%placeholder-inline-block {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

/**
 * Reset a list and remove default styles.
 */
%placeholder-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/**
 * Position an element to take up the whole screen.
 */
%placeholder-full-screen {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

/**
 * Position an element using default absolute settings.
 */
%placeholder-position-absolute {
    position: absolute;
    top: 0;
    #{bidi-alignment()}: 0;
}

/**
 * Align an element in the center of another element using position absolute.
 */
%placeholder-position-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
